<template>
  <view class="page-place">
    <view class="place" :style="{ height: state.height + 'px' }"></view>
  </view>
</template>

<script lang="ts" setup>
  // @ts-nocheck
  import { reactive, onMounted } from 'vue';

  const state = reactive({
    height: 0,
  });

  onMounted(() => {
    let custom: any = {};
    // #ifdef MP-WEIXIN
    custom = wx.getMenuButtonBoundingClientRect();
    // #endif

    uni.getSystemInfo({
      success: (res) => {
        state.height = custom.bottom ? custom.bottom + 8 : res.statusBarHeight + 44;
      },
    });
  });
</script>

<style lang="scss" scoped>
  .page-place {
    .place {
      background-color: linear-gradient(135deg, #5b8bfa 0%, #8abbff 100%);
    }
  }
</style>
